<template>
<swiper :indicator-dots="params.indicatorDots" class="round-dot" :circular="true" :autoplay="params.autoplay" :interval="params.interval" :duration="params.duration">
	<swiper-item v-for="(item ,index) in ProductImg" :key="index">
		<image :src="item.imgurl" lazy-load></image>
	</swiper-item>
</swiper>
</template>

<script>
	export default {
		props: {
			ProductImg: {
				type: Array,
				required: true
			}
		},
		data() {
			return {
				params: {
					autoplay: true,
					interval: 3000,
					duration: 500,
					indicatorDots: true
				}
			}
		}
	}
</script>

<style lang="less" scoped>
swiper {
	height: 750upx;
	swiper-item {
		image {
			width: 100%;
			height: 100%;
		}
	}
}
</style>
